*{
	margin:0;padding:0;
}
li{
	list-style: none;
}
a{
	text-decoration:none;color:#ccc;
}
body{
	background: #fff;
}
.clear{
	clear:both;
}
#body{
	width:70%;height:1000px;margin:20px auto;
}

h3{
	font-size: 14px;padding:5px 10px;color:black;
}

#header{
	height:300px;background:url('../img/webp (2).webp');position: relative;
}
.per_info{
	width:60%;margin:0 auto;
}
.per_info ul li{
	float: left;width:20%;line-height:50px;text-align: center;
}
.per_info ul li a:hover{
	display: block;width:auto;color:#fff;
}
.right{
	position:absolute;right:20px;top:15px;color:#354de7;
}
.right ul li{
	float:left;padding:0 5px;
}

#nav{
	height:50px;background: #8e91a0;
}

#mid{
	height:600px;background:#000;
}

#about{
	width:60%;height:30%;position: relative;
}
.tpl{
    width:100%;position:absolute;top:40px;left:15px;
}
.tpl img{
	height:120px;width:19%;border:1px solid #9496a1;
}
#contact{
	width:60%;height: 70%;
}
#concact p{
	text-indent:10px;
}

.auto{
	width:100%;height:600px;background:#ccc;position: relative;
}

.right{
	height: 600px;width:35%;position: absolute;top:0;right:0;
	
}

#footer{
	height:50px;background:#8e91a0;line-height:50px;text-align: center;font-size:14px;color:#ccc;
}